.ForAdoption {
    width: 100%;
    height: 100%;

    h3 {
        font-size: 36px;
        color: #333333;
        font-family: "SourceHanSansCN-Bold";
    }

    label {
        font-size: 24px;
        color: #333333;
        font-family: "SourceHanSansCN-Regular";
        padding-right: 20px;

        span {
            color: #ffa520;
        }
    }

    .button1 {
        width: 140px;
        height: 48px;
        background-color: #f6f7fd;
        border: none;
        outline: none;
        font-size: 22px;
        margin-right: 20px;
        border-radius:24px ;
    }

    .hover {
        width: 140px;
        height: 48px;
        border: none;
        outline: none;
        font-size: 22px;
        margin-right: 20px;
        border: 2px solid #fe9e4e;
        color: #fe9e4e;
        border-radius:24px ;
    }

    .from {
        padding-top: 39px;
        margin: auto;
        width: 95%;
        height: 100%;

        // background-color: red;
        .van-uploader {
            width: 100%;
            height: 100%;

            .van-uploader__preview {
                width: 150px;
                height: 150px;
                display: inline-block;

                .van-uploader__preview-image {
                    width: 100%;
                    height: 100%;
                }
            }

            .van-uploader__upload {
                padding: 0;
                width: 150px;
                height: 150px;
                display: flex;
                align-items: center;

                i {
                    width: 108px;
                    height: 108px;

                    &::before {
                        font-size: 100px;
                    }
                }
            }
        }
    }

    .Pet-information {
        width: 100%;
        height: 100%;
        text-align: left;
        padding-bottom: 20px;

        .Pet-name {
            display: flex;
            justify-content: space-between;
            margin-bottom: 30px;
            border-bottom: 1px solid #f6f7fd;

            input {
                color: #bfc4db;
                font-size: 24px;
                width: 180px;
                padding-left: 20px;
                padding-bottom: 34px;
                outline: none;
                border: none;
            }
        }

        .Pet-category {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            margin-bottom: 30px;

            >div {
                width: 85%;
                height: 100%;
                display: flex;
                flex-wrap: wrap;
                justify-content: flex-start;
            }

        }
    }
}

.Pet-status-quo {
    width: 95%;
    height: 100%;
    text-align: left;
    padding-bottom: 20px;

    .status-details {
        width: 100%;
        display: flex;
        align-items: center;
        margin-bottom: 30px;

        >div {
            width: 80%;
            display: flex;
            justify-content: space-between;
            background-color: #f6f7fd;
            padding: 7px 20px;
            border-radius: 26px;
        }
    }
}


.Pet-characteristics {
    width: 100%;
    height: 100%;
    text-align: left;
    padding-bottom: 56px;

    .characteristics-name {
        display: flex;
        align-items: center;

        span {
            padding-left: 20px;
            font-size: 24px;
            color: #999999;
        }
    }

    .characteristics-details {
        width: 95%;
        height: 324px;
        // background-color: red;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-content: space-between;

        .button {
            border: 2px solid #bfc4db;
            font-size: 28px;
            border-radius: 24px;
            color: #bfc4db;
            padding: 5px 30px;
            margin-right: 10px;
            background-color: white;
        }

        .active {
            font-size: 28px;
            border-radius: 24px;
            padding: 5px 30px;
            margin-right: 10px;
            border: 2px solid #fe9e4e;
            color: #fe9e4e;
        }
    }
}

.next-step {
    width: 446px;
    font-size: 28px;
    color: #ffffff;
    padding: 10px 0;
    margin: 20px 0;
    background-color: #fe9e4e;
    border-radius: 30px;
    outline: none;
    border: none;
}
